<template>
	<div>
		<!--顶部-->
		<index-Header></index-Header>
		<!--投注-->
		<div class="dingbu_xiazhu">
			<div class="display_sw">
				<div class="home_left">
					<span @click="touzhu1" class="bottom_border">我要投注</span>
					<span @click="touzhu2">投注记录</span>
				</div>
				<p class="home_you_fz">余额：10000</p>
			</div>
			<div class="display_sw">
				<div class="home_left">
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
				</div>
				<p class="home_you_fz">
					第 <b class="color_red">0810028</b> 期
				</p>
			</div>
		</div>
		<!--内容-->
		<div class="">
			<!--子组件中间内容-->
			<div class="home_count">
				<p class="home_you_fz">第<b class="color_red">0810023 </b > 期    投注时间 <b class="color_red">00:14:26</b></p>
				<div class="shanchu_chongfu">
					<div class="shanchu_div_bg">

					</div>
					<div class="shanchu_btn">
						<span>删除重复号</span>
						<span>清空</span>
					</div>
					<div class="shanchu_tishi">
						<p>程序会自动过滤掉不合法的号码。</p>
						<p>您也可以点击“删除重复号”按钮对输入内容进行格式化</p>
					</div>
				</div>
			</div>
				<!--子组件底部-->
			<div class="home_footer">
				<div class="display_sw3">
					<div class="home_left3">
						<span>元</span> 模式
						<span>1</span> 倍
					</div>
					<p class="home_you_fz">
						奖金：<b>18</b>
					</p>
				</div>
				<div class="display_strad">
					<div class="footer_div1">
						<i class="footer_div1_i">
							<img src="../../assets/images/caipiao/footer01.png" alt="" />
						</i>
						<div class="footer_div1_div">
							<i class="footer_div1_i1">
								<img src="../../assets/images/caipiao/footer02.png" alt=""/>
							</i>
							<div class="touqian">
								<p>共 <b class="color_red">1</b> 注</p>
								<p>共 <b class="color_red">1</b>元</p>
							</div>
						</div>
					</div>
					<button class="footer_xiazhu">立即下注</button>
					<a href="number.html" class="footer_a">号码篮</a>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import indexHeader from "../index/components/indexHeader"
	export default {
		components: {
			indexHeader,
		},
		created() {
			this.$store.state.headerStatus = false;
		},
		methods: {
			//我要投注
			touzhu1() {
				this.$router.push("/index")
			},
			//投注记录
			touzhu2() {
				this.$router.push("/touzhujilu")
			},
		}

	}
</script>

<style scoped="scoped">

</style>